let navbarLink = window.document.getElementsByClassName('navbar-link')[0];
let navbar = window.document.getElementsByClassName('navbar-dropdown')[0];

navbarLink.addEventListener('mouseover', function () {
  navbar.style.opacity = '100';
});

document.getElementById('navbar-1').addEventListener('mouseleave', function () {
  navbar.style.opacity = '0';
});
let navbars = document.getElementsByClassName('navbar-item');
for (let i = 0; i < navbars.length; i++) {
  navbars[i].addEventListener('mouseover', function () {
    this.style.color = '#00ff00';
  })
  navbars[i].addEventListener('mouseleave', function () {
    this.style.color = '#000000';
  })
}
